<template>
  <div class="father">
    <div class="box">
      我是父组件
      <Son />
    </div>
  </div>
</template>

<script>
import Son from "./Son.vue";
export default {
  components: {
    Son,
  },
};
</script>

<style lang="scss">
.father {
  .box {
    width: 200px;
    height: 200px;
    background: orange;
  }
}

</style>